<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>填写订单信息</title>
		<link rel="shortcut icon" href="img/favicon.ico" />
		<link rel="stylesheet" type="text/css" href="css/shoppingcar.css" />
	</head>

	<body>
		<div class="site-header site-mini-header">
			<div class="container">
				<div class="header-logo">
					<a class="logo ir" href="index.html" title="小米官网">
						::before 小米官网 ::after
					</a>
				</div>
				<div class="header-title" id="J_miniHeaderTitle">
					<h2>确认订单</h2>
				</div>
				<div class="topbar-info" id="J_userInfo">
					<a class="link" href="loading.html">
						用户名
					</a>
					<span class="sep">|</span>
					<a class="link" href="register.html">
						我的订单
					</a>
				</div>
			</div>
		</div>
		<div class="page-main">
			<div class="container">

				<div class="checkout-box">
					<div class="section section-address">
						<div class="section-header clearfix">
							<h3 class="title"> 收货地址</h3>
						</div>
						<div class="section-body clearfix">
							<div class="address-item address-item-new">
								<i class="iconfont">&#xe609;</i> 添加新地址
							</div>
						</div>
					</div>
					<div class="section section-goods">
						<div class="section-header clearfix">
							<h3 class="title">商品及优惠券</h3>
						</div>
						<div class="section-body">
							<ul class="goods-list" id="J_goodsList">
								<li class="clearfix">
									<div class="col col-img">
										<img src="img/shoppingcar/商品图.jpg" width="30" height="30">
									</div>
									<div class="col col-name">

										<a href="mi8pay.html" target="_blank">
											小米8 </a>

									</div>

									<div class="col col-price">
										1399元 x 1 </div>
									<div class="col col-status">
										&nbsp;
									</div>
									<div class="col col-total">
										1399元
									</div>

								</li>
								<li class="clearfix">
									<div class="col col-img">
										<img src="img/shoppingcar/商品图1.jpg" width="30" height="30" />
									</div>
									<div class="col col-name">

										<a href="#" target="_blank">
											米粉卡日租卡<em class="label">赠品</em> </a>

									</div>

									<div class="col col-price">
										0元 x 1
									</div>
									<div class="col col-status">
										&nbsp;
									</div>
									<div class="col col-total">
										0元
									</div>
								</li>
							</ul>
						</div>
					</div>
					<div class="section section-options section-shipment clearfix">
						<div class="section-header">
							<h3 class="title">配送方式</h3>
						</div>
						<div class="section-body clearfix">
							<ul class="clearfix J_optionList options ">
								<li data-type="shipment" class="J_option selected" data-amount="0" data-value="2">
									包邮
								</li>
							</ul>
						</div>
					</div>
					<div class="section section-options section-invoice clearfix">
						<div class="section-header">
							<h3 class="title">发票</h3>
						</div>
						<div class="section-body clearfix">
							<div class="invoice-result">
								<span id="J_invoiceDesc">电子发票</span>
								<span id="J_invoiceTitle">个人</span>
								<span>商品明细</span>
								<a href="#添加一个修改的动作">修改 &gt;</a>
							</div>
						</div>
					</div>
					<div class="section section-count clearfix">
						<div class="money-box" id="J_moneyBox">
							<ul>
								<li class="clearfix">
									<label>商品件数：</label>
									<span class="val">2件</span>
								</li>
								<li class="clearfix">
									<label>商品总价：</label>
									<span class="val">1999元</span>
								</li>
								<li class="clearfix">
									<label>活动优惠：</label>
									<span class="val">-0元</span>
								</li>
								<li class="clearfix">
									<label>优惠券抵扣：</label>
									<span class="val"><i id="J_couponVal">-0</i>元</span>
								</li>
								<li class="clearfix">
									<label>运费：</label>
									<span class="val"><i data-id="J_postageVal">0</i>元</span>
								</li>
								<li class="clearfix total-price">
									<label>应付总额：</label>
									<span class="val"><em data-id="J_totalPrice">1999</em>元</span>
								</li>
							</ul>
						</div>
					</div>
					<div class="section-bar clearfix">
						<div class="fl">
							<div class="seleced-address hide" id="J_confirmAddress">
							</div>
							<div class="big-pro-tip hide J_confirmBigProTip"></div>
						</div>
						<div class="fr">
							<a href="#购物车结算后，连到支付界面" class="btn btn-primary" id="J_checkoutToPay">
								去结算
							</a>
						</div>
					</div>
				</div>

			</div>

		</div>
	</body>

</html>